<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_603026_2npj5yaujta10pb9.css"/>
		<meta name="viewport" content="width=device-width,user-scalable=no" />
	</head>
	<body>
		<div class="indexW">
			<!--头部-->
			<header>
				<div class="logo fl"><img src="img/logo.png"/></div>
			<div class="slCity fr">
				<select name="city">
					<option value="广州">广州</option>
					<option value="深圳">深圳</option>
				</select>
			</div>
			<div class="search"><input type="search" placeholder="请输入商品名称" name="" id="" value="" />
			<i class="iconfont icon-fangdajing"></i>
			</div>
			
			</header>
			<!--主题内容-->
			<section>
				<!--ul>li{我是li}*30-->
				<div class="kv">
				<!--图片区-->
				<ul class="swiper-wrapper lunbo">
					<li class="swiper-slide">
						<a href=""><img src="img/dadu.jpg"/></a>
					</li>
					<li class="swiper-slide"><a href=""><img src="img/dadu.jpg"/></a></li>
				</ul>
					<div class="swiper-pagination"></div>
			</div>
				<div class="youhui">
					<p class="p1">
						<img src="img/groupP.png"/>
						<span>优惠团购</span>
					</p>
					<p class="p2">
					<span>更多</span>
					<img src="img/more.png"/>
					</p>
					<div class="xiaotu">
					
							<div class="maiba"><img src="img/maiba.png"/></div>
							<div class="maiba"><img src="img/jiudian.png"/></div>
						
							<div class="maiba"><img src="img/zhuanpan.png"/></div>
							<div class="maiba"><img src="img/waimai.png"/></div>
				
					</div>
					<div class="xihuan">
					<p class="p1">
						<img src="img/heart.png"/>
						<span>猜你喜欢</span>
					</p>
					<p class="p2">
					<span>更多</span>
					<img src="img/more.png"/>
					</p>
					</div>
					<div class="shousi">
						<div class="sushi">
							
						<a href="product.html"><img src="img/shousi.png"/></a>
						
						</div>
						<div class="dis">
							<p>
								<span class="span1">万岁寿司(正佳店)</span>
								<span class="span2"><100m</span>
							</p>
							<p class="span3">[100店通用]&nbsp;双人套餐</p>
							<p>
								<span class="span4">￥88.00</span>
								<span class="span5">已售1000</span>
							</p>
							
						</div>
					</div>
					<div class="shousi">
						<div class="sushi">
						<a href="product.html"><img src="img/heiya.png"/></a>
						</div>
						<div class="dis">
							<p>
								<span class="span1">周黑鸭（正佳店）</span>
								<span class="span2"><100m</span>
							</p>
							<p class="span3">[100店通用]&nbsp;双人套餐</p>
							<p>
								<span class="span4">￥88.00</span>
								<span class="span5">已售1000</span>
							</p>
							
						</div>
					</div>
						
					
				</div>
			</section>
			<!--底部导航-->
			<footer>
				<dl class="nav fl">
					<dt><a href="index.html"><i class="iconfont icon-homepageselected"></i></a>  </dt>
					<dd><a href="">首页</a></dd>
				</dl>
				<dl class="nav fl">
					<dt><a href="fenlei.html"><i class="iconfont icon-icon--"></i></a>  </dt>
					<dd><a href="fenlei.html">分类</a></dd>
				</dl>
				<dl class="nav fl">
					<dt><a href="find.html"><i class="iconfont icon-faxian"></i></a>  </dt>
					<dd><a href="find.html">发现</a></dd>
				</dl>
				<dl class="nav fl">
					<dt><a href="my.html"><i class="iconfont icon-wode"></i></a>  </dt>
					<dd><a href="my.html">我的</a></dd>
				</dl>
				
				
			</footer>
			
		</div>
		
		
		
		
		
		
		
		
		
		
		
		
		
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var kv = new Swiper(".kv",{
				loop:true,
				autoplay:true,
				pagination:{
	  				el:".swiper-pagination"    //分页器
	  			},
			}
				
			)
		</script>
		
	</body>
</html>
